<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" import="java.sql.*" import="tools.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>首页</title>
<link type="text/css" rel="stylesheet" href="Resource/CSS/dataDisplay.css"/>
<script src="Resource/JavaScript/echarts.min.js"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="Resource/CSS/bootstrap.css">
<link rel="stylesheet" href="Resource/CSS/navbar.css">
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container"> 
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
      
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> </button>
      <a class="" href="#"><img src="Resource/Image/logo.png" style="height: 50px;"></a> </div>
    
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li><a href="dataDispaly.jsp">首页 </a> </li>
        <li><a href="inquire.jsp">查询</a> </li>
         <li><a href="#">历史记录</a> </li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">注册</a> </li>
        <li><a href="#" >登录 </a>
        </li>
      </ul>
    </div>
    <!-- /.navbar-collapse --> 
  </div>
  <!-- /.container-fluid --> 
</nav>

<!-- HEADER -->
<header>
  <div class="jumbotron">
  </div>
</header>
<!-- / HEADER --> 
<div class=headLine><p id=timeShow>时间</p></div>
<div id=ground> 
<div class=showBlock><img alt="患者数量" src="Resource/Image/people.png" onMouseOver="change1(this)" onMouseOut="reset1(this)"></div>
<div class=showBlock><img src="Resource/Image/jiancha.png" alt="检查项" onMouseOver="change2(this)" onMouseOut="reset2(this)"></div>
<div class=showBlock><img src="Resource/Image/jianyan.png" alt="检验项" onMouseOver="change3(this)" onMouseOut="reset3(this)"></div>
</div>
<%
	DataSet ds=new DataSet();
%>
<div id=dataShow>
<div class=dataUp><h1>患者数量</h1><h2><%
	out.println(ds.ResultCount("select count(*) from patient;"));
%>人</h2></div>
<div class=dataUp><h1>检查项</h1><h2><%
	out.println(ds.ResultCount("select count(*) from (select distinct(test_no) from testapply)as tn;"));
%>项</h2></div>
<div class=dataUp><h1>检验项</h1><h2><%
	out.println(ds.ResultCount("select count(*) from (select distinct(EXAM_CLASS) from examapply)as ec;"));
%>项</h2></div>
</div>

<div id=selectDate><p>最近一周</p><p class=hide>最近一月</p><p class=hide>最近一年</p></div>
<div class=headLine><p style="top:819px">患者增长趋势：</p></div>
<div id="main" style="width:964px;height:579px;position:absolute; top:907px;left:133px;"></div>
<div id="main2" class=unShow style="width:964px;height:579px;position:absolute; top:907px;left:133px;"></div>
<div id="main3" class=unShow style="width:964px;height:579px;position:absolute; top:907px;left:133px;"></div>
<script type="text/javascript" src="Resource/JavaScript/dataDisplay.js">
</script>
<script type="text/javascript" src="Resource/JavaScript/chart.js"></script>
<script type="text/javascript" src="Resource/JavaScript/chartMonth.js"></script>
<script type="text/javascript" src="Resource/JavaScript/chartYear.js"></script>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="Resource/JavaScript/jquery-1.11.3.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="Resource/JavaScript/bootstrap.js"></script>
</body>
</html>